<template>
  <div class="cDebt-main">
        <!-- 页头 -->
        <div class="cHead">
            <div class="cHead-1">
                <img src="../assets/img/返回箭头 (1).png" alt="">
            </div>
            <div class="cHead-2">
                债市宝
            </div>
            <div class="cHead-3">
                <img src="../assets/img/放大镜.png" alt="">
                <div class="cHead-4">
                    <a href="">.&nbsp;.&nbsp;.</a>
                </div>
            </div>
        </div>
        <!-- 签约块 -->
        <div class="cRegister">
            <div class="cRe-1">
                <p>收益稳健 攻守兼备</p> 
                <p>百元起&nbsp; 波段交易 &nbsp;卖出额度不限</p>
            </div>
            <div class="cRe-2"><button>签约</button></div>
        </div>
        <!-- 公告块 -->
        <div class="cNotice">
            <div class="cNotice-1">
                <a href="">公告</a>
                <img src="../assets/img/圆点分隔符.png" alt="">
            </div>
            <div class="cNotice-2">
                <marquee behavior="scroll" direction="left" scrollamount="6px">债市宝平台金融债、地方债、记账式国债等新发行、续发行、招标结果公告</marquee>
            </div>
        </div>
        <!-- 热门债券 -->
        <div class="cBond">
            <div class="cBond1">
                <a href="">热门债券</a>
                <a href=""> <img src="../assets/img/跳转箭头.png" alt=""> </a>
            </div>
            <ul class="cBond2">
                <li class="cBond2-1">
                    <p>23附息国债... <img src="../assets/img/锦旗.png" alt=""></p>
                    <p>230008</p>
                    <p>2.5470%</p>
                    <p>买入到期收益率</p>
                    <p>剩余期限 <span>4</span> 年 <span>345</span>天</p>
                    <p>可售额度 <span>0</span> 分</p>
                </li>
                <li class="cBond2-1">
                    <p>23附息国债... <img src="../assets/img/锦旗.png" alt=""></p>
                    <p>230008</p>
                    <p>2.5470%</p>
                    <p>买入到期收益率</p>
                    <p>剩余期限 <span>4</span> 年 <span>345</span>天</p>
                    <p>可售额度 <span>0</span> 分</p>
                </li>
            </ul>
        </div>
        <!-- 广告图 -->
        <div class="cSlogan">
            <img src="../assets/img/轮播图1(基金定投).jpg" alt="">
        </div>
        <!-- 全部债券 -->
        <div class="cBll">
            <div class="cBond1">
                <a href="">全部债券</a>
                <a href=""> <img src="../assets/img/跳转箭头.png" alt=""> </a>
            </div>
            <ul class="cAll2">
                <li class="cAll2-1">
                    <p class="cAll2-10">23附息国债10(230010)</p>
                    <div class="cAll2-11">
                        <p>剩余期限 <span>355</span>天</p> 
                        <p>可售额度 <span>0</span>份</p>
                    </div>
                    <div class="cAll2-12">
                        <p>2.0884%</p>
                        <p>100.02</p>
                        <p>99.96</p>
                    </div>
                    <div class="cAll2-13">
                        <p>买入到期收益率</p>
                        <p>买入全价</p>
                        <p>卖出全价</p>
                    </div>
                </li>
                <li class="cAll2-1">
                    <p class="cAll2-10">23附息国债10(230010)</p>
                    <div class="cAll2-11">
                        <p>剩余期限 <span>355</span>天</p> 
                        <p>可售额度 <span>0</span>份</p>
                    </div>
                    <div class="cAll2-12">
                        <p>2.0884%</p>
                        <p>100.02</p>
                        <p>99.96</p>
                    </div>
                    <div class="cAll2-13">
                        <p>买入到期收益率</p>
                        <p>买入全价</p>
                        <p>卖出全价</p>
                    </div>
                </li>
                <li class="cAll2-1">
                    <p class="cAll2-10">23附息国债10(230010)</p>
                    <div class="cAll2-11">
                        <p>剩余期限 <span>355</span>天</p> 
                        <p>可售额度 <span>0</span>份</p>
                    </div>
                    <div class="cAll2-12">
                        <p>2.0884%</p>
                        <p>100.02</p>
                        <p>99.96</p>
                    </div>
                    <div class="cAll2-13">
                        <p>买入到期收益率</p>
                        <p>买入全价</p>
                        <p>卖出全价</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style src="../assets/css/Dept.css">
/* *{
    margin: 0;
    padding: 0;
} */

</style>